<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="dist/slide.css" />
    <script src="slide.js"></script>
    <title>作业-可点击百叶窗</title>
  </head>
  <body>
    <main id="slide"></main>
    <script>
      const config = {
        el: '#slide',
        width: 800,
        height: 300,
        limits: 20,
        timeout: 200,
        images: [
          {
            links: 'https://baidu.com/',
            path: '../../images/s01.jpeg',
          },
          {
            links: 'https://qq.com/',
            path: '../../images/s02.jpeg',
          },
          {
            links: 'https://sina.com.cn/',
            path: '../../images/s03.jpeg',
          },
          {
            links: 'https://jd.com/',
            path: '../../images/s04.jpeg',
          },
        ],
      }
      let slide = new Slide(config)
      slide.run()
    </script>
  </body>
</html>
